<template>
  <d-tabs class="setting-tab" tab-position="left" vertical v-model="tabPositionId">
    <d-tab id="tab1" title="系统集成">
      <code-setting />
    </d-tab>
    <d-tab id="tab2" title="代码仓库管理2">
      <p>Tab2 Content</p>
    </d-tab>
  </d-tabs>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import CodeSetting from '@/views/setting/components/CodeSetting.vue'

const tabPositionId = ref('tab1')
</script>

<style scoped lang="scss">
.setting-tab {
  width: 100%;
  flex: 1;
}
</style>

<style lang="scss">
.setting-tab {
  .devui-tabs__nav--tabs {
    height: 100%;
  }
}
</style>
